/* Games catalogue — archived rules extracted from the old site cascade and
 * scoped to .rb-games-wrap, so they never touch the WP theme header/footer.
 * Generated by _tmp/extract-games-css.js — do not edit by hand.
 */
/* ===== style.css ===== */
.rb-games-wrap { --primary: #FF7A33;
    --primary-light: #FF9866;
    --primary-dark: #E8631F;
    --primary-50: rgba(255, 122, 51, 0.08);
    --primary-rgb: 255, 122, 51;
    --secondary: #00bfd6;
    --secondary-light: #00d5ea;
    --success: #2A9D8F;
    --danger: #E63946;
    --warning: #f59e0b;
    --info: #00bfd6;
    --dark: #1a1a1a;
    --gray-900: #2a2018;
    --gray-800: #1f2937;
    --gray-700: #374151;
    --gray-600: #4b5563;
    --gray-500: #6b7280;
    --gray-400: #9ca3af;
    --gray-300: #d1d5db;
    --gray-200: #e5e7eb;
    --gray-100: #f3f4f6;
    --gray-50: #f8fafc;
    --white: #ffffff;
    --bg-primary: var(--white);
    --bg-secondary: #F8F8F8;
    --bg-tertiary: #eaeaea;
    --text-primary: #222222;
    --text-secondary: #666666;
    --text-muted: #999999;
    --border-color: #e0e0e0;
    --border-light: #f0f0f1;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --shadow-xl: 0 12px 40px rgba(0,0,0,0.15);
    --shadow-glow: 0 0 20px rgba(var(--primary-rgb), 0.15);
    --radius: 16px;
    --radius-sm: 8px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    --transition: all 0.2s ease;
    --transition-fast: all 0.1s ease;
    --transition-slow: all 0.3s ease;
    --touch-target: 44px;
    --header-height: 0px; }
.rb-games-wrap [data-theme="dark"] .section { background: var(--bg-primary); }
.rb-games-wrap [data-theme="dark"] .section:nth-child(even) { background: var(--bg-secondary); }
.rb-games-wrap [data-theme="dark"] .section-header { border-bottom-color: var(--border-color); }
.rb-games-wrap [data-theme="dark"] .section-title { color: var(--text-primary); }
.rb-games-wrap [data-theme="dark"] .cta-section { background: linear-gradient(135deg, #1a1a1a 0%, #2d1f3d 100%); }
.rb-games-wrap [data-theme="dark"] .cta-content h2 { color: var(--text-primary); }
.rb-games-wrap [data-theme="dark"] .cta-content p { color: var(--text-secondary); }
.rb-games-wrap [data-theme="dark"] .badge { background: rgba(var(--primary-rgb), 0.15);
    color: var(--primary); }
.rb-games-wrap *, .rb-games-wrap *::before, .rb-games-wrap *::after { margin: 0;
    padding: 0;
    box-sizing: border-box; }
.rb-games-wrap { scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-height) + 16px);
    font-size: 15px; }
.rb-games-wrap { line-height: 1.7; }
@media (prefers-reduced-motion: reduce) {
    .rb-games-wrap *, .rb-games-wrap *::before, .rb-games-wrap *::after { animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important; }
  }
@supports (padding: max(0px)) {
    .rb-games-wrap { padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
        padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  }
.rb-games-wrap { overscroll-behavior-y: contain; }
.rb-games-wrap { font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    direction: rtl;
    background: var(--bg-secondary);
    color: var(--text-primary);
    line-height: 1.7;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.rb-games-wrap a { text-decoration: none;
    color: inherit;
    transition: var(--transition); }
.rb-games-wrap ul, .rb-games-wrap ol { list-style: none; }
.rb-games-wrap img { max-width: 100%;
    height: auto;
    display: block; }
.rb-games-wrap button { cursor: pointer;
    border: none;
    outline: none;
    font-family: inherit;
    transition: var(--transition); }
.rb-games-wrap input, .rb-games-wrap textarea, .rb-games-wrap select { font-family: inherit;
    outline: none;
    border: 1.5px solid var(--gray-200);
    border-radius: var(--radius-sm);
    padding: 10px 14px;
    font-size: 14px;
    transition: var(--transition);
    width: 100%;
    direction: rtl;
    background: var(--white); }
.rb-games-wrap .container { max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px; }
.rb-games-wrap main.container:has(.cart-empty) { display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 320px); }
.rb-games-wrap .header-top .container { display: flex;
    justify-content: space-between;
    align-items: center; }
.rb-games-wrap .header-main .container { display: flex;
    align-items: center;
    gap: 20px; }
.rb-games-wrap .search-autocomplete.active { display: block; }
.rb-games-wrap .user-menu-dropdown.active { display: block; }
@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.rb-games-wrap .mobile-nav-overlay.active { opacity: 1;
    pointer-events: auto; }
.rb-games-wrap .mobile-nav.active { right: 0; }
.rb-games-wrap .mobile-nav-item a:hover, .rb-games-wrap .mobile-nav-item a.active { background: var(--primary-50);
    color: var(--primary); }
.rb-games-wrap .nav-item a:hover, .rb-games-wrap .nav-item a.active { color: var(--primary);
    background: var(--primary-50); }
.rb-games-wrap .slider-dot.active { background: var(--white);
    width: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.rb-games-wrap .section { padding: 48px 0; }
.rb-games-wrap .section-header { display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px; }
.rb-games-wrap .section-title { font-size: 22px;
    font-weight: 800;
    color: var(--gray-900);
    position: relative;
    padding-right: 18px; }
.rb-games-wrap .section-title::before { content: '';
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    background: linear-gradient(180deg, var(--primary), var(--primary-dark));
    border-radius: 3px; }
.rb-games-wrap .section-badge.star { background: linear-gradient(135deg, #ffd54f, #ffb300);
    color: #5d4037; }
.rb-games-wrap .price-discount { background: #fee2e2;
    color: var(--primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700; }
.rb-games-wrap .btn { display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 600;
    transition: var(--transition);
    border: none;
    cursor: pointer;
    min-height: var(--touch-target); }
.rb-games-wrap .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: var(--white);
    box-shadow: 0 2px 8px rgba(var(--primary-rgb), 0.25); }
.rb-games-wrap .btn-primary:hover { background: linear-gradient(135deg, var(--primary-light), var(--primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.35); }
.rb-games-wrap .btn-primary:active { transform: translateY(0) scale(0.98); }
.rb-games-wrap .btn-outline { background: transparent;
    color: var(--primary);
    border: 2px solid var(--primary); }
.rb-games-wrap .btn-outline:hover { background: var(--primary);
    color: var(--white); }
.rb-games-wrap .btn-lg { padding: 16px 32px;
    font-size: 16px;
    border-radius: var(--radius); }
.rb-games-wrap .btn-sm { padding: 8px 14px;
    font-size: 12px;
    min-height: 36px; }
.rb-games-wrap .sort-option { padding: 7px 16px;
    border-radius: var(--radius-full);
    border: none;
    font-size: 13px;
    color: var(--gray-600);
    background: var(--gray-100);
    cursor: pointer;
    transition: var(--transition);
    font-weight: 500; }
.rb-games-wrap .sort-option.active { background: var(--primary);
    color: var(--white);
    box-shadow: 0 2px 8px rgba(var(--primary-rgb), 0.25); }
.rb-games-wrap .view-btn.active { background: var(--primary);
    color: var(--white); }
.rb-games-wrap .product-thumb.active, .rb-games-wrap .product-thumb:hover { border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb),0.2); }
.rb-games-wrap .rating-stars { display: inline-flex;
    gap: 2px;
    font-size: 18px;
    line-height: 1; }
.rb-games-wrap .rating-stars .filled { color: #f59e0b; }
.rb-games-wrap .rating-stars .empty { color: #d1d5db; }
.rb-games-wrap .product-detail-actions .btn { width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 12px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
.rb-games-wrap .product-detail-actions .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-light));
    border: none;
    box-shadow: 0 4px 16px rgba(var(--primary-rgb),0.3); }
.rb-games-wrap .product-detail-actions .btn-primary:hover { transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--primary-rgb),0.4); }
.rb-games-wrap .product-tab-btn.active { background: #fff;
    color: var(--primary); }
.rb-games-wrap .product-tab-btn.active::after { transform: scaleX(1); }
.rb-games-wrap .product-tab-panel.active { display: block; }
.rb-games-wrap .product-review-form .btn { background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: #fff;
    border: none;
    padding: 14px 32px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(var(--primary-rgb),0.3); }
.rb-games-wrap .product-review-form .btn:hover { transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(var(--primary-rgb),0.4); }
.rb-games-wrap .radio-option.selected { border-color: var(--primary);
    background: var(--primary-50); }
.rb-games-wrap .auth-tab.active { background: var(--white);
    color: var(--primary);
    box-shadow: var(--shadow-sm); }
.rb-games-wrap .auth-form.active { display: block; }
.rb-games-wrap .admin-menu a.active { background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary-light);
    border-right-color: var(--primary); }
.rb-games-wrap .modal-overlay.active { opacity: 1;
    visibility: visible; }
.rb-games-wrap .page-btn.active, .rb-games-wrap .page-btn:hover { background: var(--primary);
    color: #fff;
    border-color: var(--primary); }
@media (max-width: 860px) {
    .rb-games-wrap .admin-sidebar.active { right: 0 !important;
        transform: translateX(0) !important; }
  }
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.rb-games-wrap .page-btn.active { background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(var(--primary-rgb), 0.25); }
.rb-games-wrap .cta-section { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: var(--white);
    padding: 60px 0;
    text-align: center;
    margin: 48px 0 0; }
.rb-games-wrap .cta-section h2 { font-size: 28px;
    font-weight: 900;
    margin-bottom: 14px; }
.rb-games-wrap .cta-section p { font-size: 16px;
    opacity: 0.9;
    margin-bottom: 28px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
.rb-games-wrap .cta-section .btn { background: var(--white);
    color: var(--primary-dark);
    font-weight: 700;
    padding: 14px 40px; }
.rb-games-wrap .cta-section .btn:hover { transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
.rb-games-wrap .fab-main.active { transform: rotate(45deg); }
.rb-games-wrap .games-grid { display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px; }
.rb-games-wrap .game-card { background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid var(--gray-100); }
.rb-games-wrap .game-card:hover { transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: var(--primary); }
.rb-games-wrap .game-image { width: 100%;
    height: 200px;
    background: linear-gradient(135deg, var(--gray-100), var(--gray-50));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    position: relative;
    overflow: hidden; }
.rb-games-wrap .game-image img { width: 100%;
    height: 100%;
    object-fit: cover; }
.rb-games-wrap .game-platform-badge { position: absolute;
    top: 10px;
    left: 10px;
    background: var(--dark);
    color: var(--white);
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 700; }
.rb-games-wrap .game-info { padding: 18px; }
.rb-games-wrap .game-info h3 { font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px; }
.rb-games-wrap .game-meta { display: flex;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 12px;
    color: var(--gray-500); }
.rb-games-wrap .game-genre { background: var(--gray-100);
    padding: 3px 10px;
    border-radius: var(--radius-full); }
.rb-games-wrap .game-price-row { display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--gray-100); }
.rb-games-wrap .game-rating { color: var(--secondary);
    font-size: 14px; }
.rb-games-wrap .game-stars { letter-spacing: 2px; }
.rb-games-wrap .fade-in { animation: fadeIn 0.5s ease; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.rb-games-wrap .slide-up { animation: slideUp 0.6s ease; }
@keyframes slideUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.rb-games-wrap .blog-search-results.active { display: block; }
.rb-games-wrap .blog-category-link:hover, .rb-games-wrap .blog-category-link.active { background: linear-gradient(135deg, var(--primary-50), #fff);
    color: var(--primary);
    transform: translateX(-4px); }
.rb-games-wrap .blog-widget-cta .btn { width: 100%;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    border: none;
    color: #fff;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease; }
.rb-games-wrap .blog-widget-cta .btn:hover { transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--primary-rgb),0.3); }
.rb-games-wrap .blog-reply-form.active, .rb-games-wrap .blog-comment-form { display: grid;
    gap: 8px; }
.rb-games-wrap .admin-blog-tabs button.active { background: var(--primary);
    color: #fff;
    border-color: var(--primary); }
.rb-games-wrap .blog-editor-mode button.active { background: var(--primary);
    color: #fff; }
.rb-games-wrap .publish-box .btn { width: 100%;
    margin-top: 10px; }
@media (max-width: 1023px) {
    .rb-games-wrap .header-main .container { flex-wrap: wrap;
        gap: 12px; }
    .rb-games-wrap .filter-sidebar.active { right: 0; }
    .rb-games-wrap .admin-sidebar.active { right: 0; }
    .rb-games-wrap .games-grid { grid-template-columns: repeat(2, 1fr);
        gap: 12px; }
    .rb-games-wrap .game-card { flex-direction: column;
        text-align: center; }
    .rb-games-wrap .game-image { height: 160px; }
    .rb-games-wrap .game-image img { object-fit: cover; }
    .rb-games-wrap .game-info { text-align: center; }
    .rb-games-wrap .game-info h3 { text-align: center; }
    .rb-games-wrap .cta-section { padding: 40px 20px; }
    .rb-games-wrap .cta-section h2 { font-size: 22px; }
    .rb-games-wrap .cta-section p { font-size: 14px; }
    .rb-games-wrap .section-header { flex-direction: column;
        align-items: flex-start;
        gap: 12px; }
    .rb-games-wrap .section-title { font-size: 18px; }
  }
@media (max-width: 639px) {
    .rb-games-wrap .header-main .container { padding: 0 12px; }
    .rb-games-wrap .section { padding: 32px 0; }
    .rb-games-wrap .games-grid { grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px; }
    .rb-games-wrap .game-card { display: flex !important;
        flex-direction: column !important;
        text-align: center; }
    .rb-games-wrap .game-image { width: 100% !important;
        height: 140px !important;
        min-height: 140px !important; }
    .rb-games-wrap .game-image img { width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block; }
    .rb-games-wrap .game-info { padding: 10px !important;
        text-align: center; }
    .rb-games-wrap .game-info h3 { text-align: center;
        font-size: 13px !important;
        margin-bottom: 4px; }
    .rb-games-wrap .game-meta { justify-content: center;
        font-size: 11px !important; }
    .rb-games-wrap .game-rating { text-align: center; }
    .rb-games-wrap .game-info > p { text-align: center !important;
        -webkit-line-clamp: 2 !important;
        font-size: 11px !important; }
    .rb-games-wrap .game-price-row { justify-content: center;
        gap: 8px; }
    .rb-games-wrap .sort-option { flex: 0 0 auto; }
  }
.rb-games-wrap .blog-filter-btn.active { background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    box-shadow: 0 6px 16px rgba(var(--primary-rgb), 0.22); }
.rb-games-wrap [data-theme="dark"] .blog-filter-btn:hover, .rb-games-wrap [data-theme="dark"] .blog-filter-btn.active { border-color: var(--primary);
    background: var(--primary);
    color: #fff; }
.rb-games-wrap [data-theme="dark"] .blog-category-link:hover, .rb-games-wrap [data-theme="dark"] .blog-category-link.active { background: rgba(var(--primary-rgb),0.15);
    color: var(--primary); }
@media (min-width: 900px) {
    .rb-games-wrap main > .section.container > .services-grid { grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
        margin-bottom: 0; }
    .rb-games-wrap main > .section.container > .services-grid > .service-card { min-width: 0; }
  }
@media (min-width: 640px) and (max-width: 899px) {
    .rb-games-wrap main > .section.container > .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
@media (max-width: 639px) {
    .rb-games-wrap main > .section.container > .services-grid { grid-template-columns: 1fr; }
  }
.rb-games-wrap [data-theme="dark"] body, .rb-games-wrap [data-theme="dark"] .section, .rb-games-wrap [data-theme="dark"] .footer, .rb-games-wrap [data-theme="dark"] .admin-content { background: var(--dark-page);
    color: var(--dark-text); }
.rb-games-wrap [data-theme="dark"] .section-title, .rb-games-wrap [data-theme="dark"] .product-name, .rb-games-wrap [data-theme="dark"] .price-current, .rb-games-wrap [data-theme="dark"] .service-card h3, .rb-games-wrap [data-theme="dark"] .trust-title, .rb-games-wrap [data-theme="dark"] .blog-card-title a, .rb-games-wrap [data-theme="dark"] .blog-widget-title, .rb-games-wrap [data-theme="dark"] .footer-title, .rb-games-wrap [data-theme="dark"] .dropdown-title, .rb-games-wrap [data-theme="dark"] .mega-col-title, .rb-games-wrap [data-theme="dark"] .faq-question, .rb-games-wrap [data-theme="dark"] .request-form h2, .rb-games-wrap [data-theme="dark"] .service-card-body h3 { color: var(--dark-text); }
.rb-games-wrap [data-theme="dark"] .cta-section { background: linear-gradient(135deg, var(--dark-surface) 0%, #241B2A 100%); }
@media (max-width: 768px) {
    .rb-games-wrap .header-main .container { gap: 8px !important; }
  }
@media (max-width: 768px) {
    .rb-games-wrap .admin-sidebar.active { right: 0;
        transform: translateX(0); }
  }

/* ===== reboot.css ===== */
.rb-games-wrap { --rb-primary: #FF7A33;
    --rb-primary-dark: #E8631F;
    --rb-primary-light: #FFB088;
    --rb-primary-50: rgba(255, 122, 51, 0.08);
    --rb-primary-100: rgba(255, 122, 51, 0.14);

    
    --rb-secondary: #00bfd6;
    --rb-info: #3b82f6;
    --rb-success: #10b981;
    --rb-warning: #f59e0b;
    --rb-danger: #ef4444;

    
    --rb-bg: #FAFAF9;
    --rb-bg-soft: #F5F5F4;
    --rb-surface: #FFFFFF;
    --rb-border: #E7E5E4;
    --rb-border-light: #EFEFEE;
    --rb-text: #2E343B;
    --rb-text-soft: #57534E;
    --rb-text-muted: #A8A29E;

    
    --rb-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --rb-shadow: 0 2px 8px rgba(0,0,0,0.06);
    --rb-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --rb-shadow-lg: 0 12px 32px rgba(0,0,0,0.10);
    --rb-shadow-xl: 0 20px 48px rgba(0,0,0,0.12);
    --rb-shadow-glow: 0 8px 32px rgba(255, 122, 51, 0.25);

    
    --rb-r-xs: 4px;
    --rb-r-sm: 8px;
    --rb-r: 12px;
    --rb-r-lg: 16px;
    --rb-r-xl: 24px;

    
    --rb-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --rb-t-fast: 150ms var(--rb-ease);
    --rb-t: 250ms var(--rb-ease); }
.rb-games-wrap .header .header-inner, .rb-games-wrap .header > .container { display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    height: 72px !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 20px !important; }
.rb-games-wrap .header .nav a:hover, .rb-games-wrap .header .main-nav a:hover, .rb-games-wrap .header nav a:hover, .rb-games-wrap .header .nav a.active, .rb-games-wrap .header .main-nav a.active { color: var(--rb-primary) !important;
    background: var(--rb-primary-50) !important; }
.rb-games-wrap .header .icon-btn .badge, .rb-games-wrap .header .action-btn .badge, .rb-games-wrap .header .cart-count, .rb-games-wrap .header .cart-badge { position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    background: var(--rb-danger) !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
    border: 2px solid white !important;
    line-height: 1 !important; }
.rb-games-wrap .footer .container, .rb-games-wrap .footer-1 .container { max-width: none !important;
    margin: 0 !important;
    padding: 0 !important; }
.rb-games-wrap .rb-games-tab.active { background: var(--rb-primary);
    color: white; }
.rb-games-wrap .game-card { background: var(--rb-surface);
    border: 1px solid var(--rb-border-light);
    border-radius: var(--rb-r);
    overflow: hidden;
    transition: all var(--rb-t);
    position: relative; }
.rb-games-wrap .game-card:hover { transform: translateY(-4px);
    box-shadow: var(--rb-shadow-lg);
    border-color: var(--rb-primary); }
.rb-games-wrap .game-card .cover { position: relative;
    aspect-ratio: 3 / 4;
    background: var(--rb-bg-soft);
    overflow: hidden; }
.rb-games-wrap .game-card .cover img { width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms var(--rb-ease); }
.rb-games-wrap .game-card:hover .cover img { transform: scale(1.05); }
.rb-games-wrap .game-card .platform { position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(8px);
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: var(--rb-r-xs); }
.rb-games-wrap .game-card .platform.ps5 { background: linear-gradient(135deg, #0066CC, #003D7A); }
.rb-games-wrap .game-card .platform.ps4 { background: linear-gradient(135deg, #003791, #001A5C); }
.rb-games-wrap .game-card .discount { position: absolute;
    top: 8px;
    left: 8px;
    background: var(--rb-danger);
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: var(--rb-r-xs); }
.rb-games-wrap .game-card .body { padding: 10px 12px; }
.rb-games-wrap .game-card h3 { font-size: 12px;
    font-weight: 700;
    color: var(--rb-text);
    line-height: 1.4;
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 33px; }
.rb-games-wrap .game-card .meta { display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 6px; }
.rb-games-wrap .game-card .price { display: flex;
    flex-direction: column;
    gap: 1px; }
.rb-games-wrap .game-card .price .now { color: var(--rb-primary);
    font-weight: 900;
    font-size: 13px; }
.rb-games-wrap .game-card .price .old { color: var(--rb-text-muted);
    text-decoration: line-through;
    font-size: 10px; }
.rb-games-wrap .game-card .add-cart { width: 30px;
    height: 30px;
    border-radius: var(--rb-r-sm);
    background: var(--rb-primary-50);
    color: var(--rb-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
    transition: all var(--rb-t-fast); }
.rb-games-wrap .game-card .add-cart:hover { background: var(--rb-primary);
    color: white; }
.rb-games-wrap .game-card .add-cart svg { width: 14px; height: 14px; }
.rb-games-wrap .rb-user-dropdown.active { opacity: 1;
    visibility: visible;
    transform: translateY(0); }

/* ===== reboot-fixes.css ===== */
.rb-games-wrap [data-theme="dark"] body, .rb-games-wrap [data-theme="dark"] .container, .rb-games-wrap [data-theme="dark"] .section, .rb-games-wrap [data-theme="dark"] main, .rb-games-wrap [data-theme="dark"] .header, .rb-games-wrap [data-theme="dark"] .footer { background: inherit !important;
    color: inherit !important; }
.rb-games-wrap .footer > *:empty, .rb-games-wrap .footer .container > *:empty { display: none !important; }
.rb-games-wrap .footer .container, .rb-games-wrap .footer-grid, .rb-games-wrap .footer-brand, .rb-games-wrap .footer h4, .rb-games-wrap .footer p, .rb-games-wrap .footer ul, .rb-games-wrap .footer li { background: transparent !important; }
.rb-games-wrap *, .rb-games-wrap *::before, .rb-games-wrap *::after { box-sizing:border-box }
.rb-games-wrap, .rb-games-wrap { max-width:100%;overflow-x:clip }
.rb-games-wrap img, .rb-games-wrap svg, .rb-games-wrap video, .rb-games-wrap canvas { max-width:100%;height:auto }
@media(max-width:1023px) {
    .rb-games-wrap .mobile-nav.active { transform:translateX(0)!important;visibility:visible;pointer-events:auto;box-shadow:0 0 40px rgba(0,0,0,.25) }
    .rb-games-wrap .mobile-nav-overlay.active { visibility:visible }
    .rb-games-wrap .container, .rb-games-wrap .rb-container { width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important }
  }
@media(max-width:520px) {
    .rb-games-wrap .footer-bottom .container { flex-direction:column!important;align-items:center!important;gap:16px!important;text-align:center!important }
  }
@media(prefers-reduced-motion:reduce) {
    .rb-games-wrap *, .rb-games-wrap *::before, .rb-games-wrap *::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important }
  }
.rb-games-wrap .games-grid .game-card, .rb-games-wrap .games-grid .game-card.fade-in { opacity: 1 !important;
  visibility: visible !important;
  transform: none !important; }
.rb-games-wrap .games-grid { min-height: 260px; }

/* ===== reboot-modern.css ===== */
.rb-games-wrap { --rb-primary: #FF6B00;
    --rb-primary-dark: #E8631F;
    --rb-primary-light: #FFB088;
    --rb-primary-50: rgba(255, 107, 0, 0.08);
    --rb-primary-100: rgba(255, 107, 0, 0.14);
    --rb-bg: #F6F7F9;
    --rb-bg-soft: #F0F0F2;
    --rb-surface: #FFFFFF;
    --rb-border: #E4E4E7;
    --rb-border-light: #F0F0F2;
    --rb-radius-sm: 12px;
    --rb-radius: 16px;
    --rb-radius-lg: 20px;
    --rb-radius-xl: 24px;
    --rb-radius-2xl: 28px;
    --rb-blur: blur(16px); }
@keyframes rbSlideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes rbFadeUp {
    from { transform: translateY(10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes rbShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes rbPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.rb-games-wrap .container { max-width: 1380px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important; }
.rb-games-wrap .header .nav a.active { color: var(--rb-primary) !important;
    background: var(--rb-primary-50) !important; }
.rb-games-wrap #rb-cart-btn .badge, .rb-games-wrap .header a[aria-label="سبد خرید"] .badge, .rb-games-wrap .header .icon-btn .badge, .rb-games-wrap .header-actions a .badge { position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    background: #DC2626 !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
    z-index: 10 !important;
    border: 2px solid #fff !important; }
.rb-games-wrap .game-card, .rb-games-wrap .rb-game-card { border-radius: var(--rb-radius) !important;
    overflow: hidden !important;
    transition: all 300ms ease !important; }
.rb-games-wrap .game-card:hover, .rb-games-wrap .rb-game-card:hover { transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; }
.rb-games-wrap .game-image, .rb-games-wrap .rb-game-image { border-radius: 0 !important;
    overflow: hidden !important; }
.rb-games-wrap .game-image img, .rb-games-wrap .rb-game-image img { transition: transform 500ms ease !important; }
.rb-games-wrap .game-card:hover .game-image img, .rb-games-wrap .rb-game-card:hover .rb-game-image img { transform: scale(1.08) !important; }
.rb-games-wrap .sort-options .sort-option { border-radius: 999px !important;
    padding: 6px 16px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    transition: all 200ms ease !important; }
.rb-games-wrap .sort-options .sort-option.active, .rb-games-wrap .sort-options .sort-option:hover { background: #18181B !important;
    color: white !important; }
.rb-games-wrap { background: #F6F7F9 !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important; }
.rb-games-wrap .rb-hero-slide.active { opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important; }
.rb-games-wrap .rb-dot.active { width: 32px !important;
    background: white !important; }
.rb-games-wrap .games-hero { background: linear-gradient(135deg, #0a0a1a 0%, #0d1b2a 40%, #1b2838 100%) !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 64px 0 56px !important; }
.rb-games-wrap .games-hero::before { content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: radial-gradient(circle at 80% 50%, rgba(var(--primary-rgb), 0.12) 0%, transparent 60%) !important;
    z-index: 0 !important; }
.rb-games-wrap .games-hero .container { position: relative !important;
    z-index: 1 !important; }
.rb-games-wrap .games-hero h1 { font-size: 32px !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3) !important; }
.rb-games-wrap .games-hero p { font-size: 16px !important;
    opacity: 0.85 !important; }
.rb-games-wrap .game-install-banner { background: linear-gradient(135deg, rgba(var(--primary-rgb), 1) 0%, rgba(var(--primary-rgb), 0.85) 100%) !important;
    border-radius: 20px !important;
    padding: 28px 36px !important;
    box-shadow: 0 12px 40px rgba(var(--primary-rgb), 0.25) !important;
    position: relative !important;
    overflow: hidden !important; }
.rb-games-wrap .game-install-banner::after { content: '🎮' !important;
    position: absolute !important;
    top: -10px !important;
    left: 20px !important;
    font-size: 120px !important;
    opacity: 0.08 !important;
    pointer-events: none !important; }
.rb-games-wrap .games-filters .sort-option { border-radius: 999px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    border: 1px solid transparent !important; }
.rb-games-wrap .games-filters .sort-option.active { background: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.3) !important; }
.rb-games-wrap .games-filters .sort-option:not(.active) { background: transparent !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--gray-200) !important; }
.rb-games-wrap .games-filters .sort-option:not(.active):hover { border-color: var(--primary) !important;
    color: var(--primary) !important;
    background: rgba(var(--primary-rgb), 0.04) !important; }
.rb-games-wrap .game-card { background: #fff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important; }
.rb-games-wrap .game-card:hover { transform: translateY(-8px) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.12) !important;
    border-color: rgba(var(--primary-rgb), 0.3) !important; }
.rb-games-wrap .game-image { width: 100% !important;
    height: 220px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #0d1b2a !important; }
.rb-games-wrap .game-image img { width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; }
.rb-games-wrap .game-card:hover .game-image img { transform: scale(1.06) !important; }
.rb-games-wrap .game-image::after { content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent) !important;
    pointer-events: none !important; }
.rb-games-wrap .game-platform-badge { position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: rgba(0,0,0,0.7) !important;
    backdrop-filter: blur(8px) !important;
    color: #fff !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    z-index: 2 !important;
    border: 1px solid rgba(255,255,255,0.15) !important; }
.rb-games-wrap .game-discount-badge { position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: #ef4444 !important;
    color: #fff !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    z-index: 2 !important;
    box-shadow: 0 4px 12px rgba(239,68,68,0.4) !important; }
.rb-games-wrap .game-featured-badge { position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    background: rgba(var(--primary-rgb), 0.9) !important;
    backdrop-filter: blur(8px) !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    z-index: 2 !important; }
.rb-games-wrap .game-info { padding: 16px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important; }
.rb-games-wrap .game-info h3 { font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important; }
.rb-games-wrap .game-meta { display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 8px !important; }
.rb-games-wrap .game-genre { background: rgba(var(--primary-rgb), 0.08) !important;
    color: var(--primary) !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 600 !important; }
.rb-games-wrap .game-meta-info { background: var(--gray-100) !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    color: var(--text-secondary) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important; }
.rb-games-wrap .game-rating { display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 8px !important; }
.rb-games-wrap .game-stars { letter-spacing: 1px !important;
    font-size: 13px !important; }
.rb-games-wrap .game-rating-num { font-size: 12px !important;
    color: var(--text-secondary) !important;
    font-weight: 600 !important; }
.rb-games-wrap .game-info > p { font-size: 13px !important;
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
    margin: 0 0 8px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important; }
.rb-games-wrap .game-specs { display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 12px !important;
    margin-bottom: 10px !important;
    padding: 8px 0 !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important; }
.rb-games-wrap .game-spec-item { font-size: 11px !important;
    color: var(--text-secondary) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important; }
.rb-games-wrap .game-spec-item .spec-label { color: var(--text-muted) !important; }
.rb-games-wrap .game-spec-item .spec-value { font-weight: 600 !important;
    color: var(--text-primary) !important; }
.rb-games-wrap .game-price-row { display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important; }
.rb-games-wrap .game-price-current { font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--primary) !important; }
.rb-games-wrap .game-price-old { font-size: 13px !important;
    color: var(--text-muted) !important;
    text-decoration: line-through !important;
    margin-left: 6px !important; }
.rb-games-wrap .price-discount { background: #ef4444 !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important; }
.rb-games-wrap .game-install-btn { width: 100% !important;
    padding: 10px !important;
    background: var(--primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important; }
.rb-games-wrap .game-install-btn:hover { background: var(--primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(var(--primary-rgb), 0.35) !important; }
.rb-games-wrap .game-install-btn:active { transform: translateY(0) !important; }
@media (max-width: 768px) {
    .rb-games-wrap .games-hero { padding: 36px 0 28px !important; }
    .rb-games-wrap .games-hero h1 { font-size: 24px !important; }
    .rb-games-wrap .games-hero p { font-size: 14px !important; }
    .rb-games-wrap .game-install-banner { flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important; }
    .rb-games-wrap .games-grid { grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important; }
    .rb-games-wrap .game-card { border-radius: 16px !important; }
    .rb-games-wrap .game-image { height: 130px !important; }
    .rb-games-wrap .game-info { padding: 10px !important; }
    .rb-games-wrap .game-info h3 { font-size: 12px !important;
        margin-bottom: 4px !important; }
    .rb-games-wrap .game-info > p { font-size: 11px !important;
        -webkit-line-clamp: 1 !important; }
    .rb-games-wrap .game-meta { gap: 4px !important; }
    .rb-games-wrap .game-genre { font-size: 9px !important;
        padding: 2px 6px !important; }
    .rb-games-wrap .game-meta-info { font-size: 9px !important;
        padding: 2px 6px !important;
        gap: 2px !important; }
    .rb-games-wrap .game-specs { display: none !important; }
    .rb-games-wrap .game-price-current { font-size: 13px !important; }
    .rb-games-wrap .game-install-btn { font-size: 11px !important;
        padding: 7px !important;
        border-radius: 10px !important; }
    .rb-games-wrap .game-platform-badge { font-size: 9px !important;
        padding: 2px 8px !important;
        top: 6px !important;
        left: 6px !important; }
    .rb-games-wrap .game-discount-badge { font-size: 9px !important;
        padding: 2px 6px !important;
        top: 6px !important;
        right: 6px !important; }
  }
@media (max-width: 480px) {
    .rb-games-wrap .games-grid { grid-template-columns: 1fr !important; }
    .rb-games-wrap .game-image { height: 180px !important; }
  }
.rb-games-wrap .star { color: #d1d5db;
    font-style: normal;
    font-size: 14px; }
.rb-games-wrap .star.active { color: #f59e0b; }
.rb-games-wrap .game-featured-badge { background: linear-gradient(135deg, #f59e0b, #ef4444) !important; }
.rb-games-wrap .game-install-btn.selected { background: #22c55e !important;
    color: #fff !important; }
.rb-games-wrap .game-install-btn.selected:hover { background: #16a34a !important; }
.rb-games-wrap .game-order-bar { position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(15, 23, 42, 0.98) !important;
    backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(var(--primary-rgb), 0.3) !important;
    box-shadow: 0 -8px 32px rgba(0,0,0,0.2) !important;
    z-index: 1000 !important;
    padding: 12px 20px !important;
    animation: slideUp 0.3s ease !important; }
@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
.rb-games-wrap .order-bar-content { max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important; }
.rb-games-wrap .order-bar-info { flex: 1 !important;
    min-width: 0 !important; }
.rb-games-wrap .order-bar-count { color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 6px !important; }
.rb-games-wrap .order-bar-count strong { color: var(--primary) !important;
    font-size: 18px !important; }
.rb-games-wrap .order-chips { display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-height: 40px !important;
    overflow-y: auto !important; }
.rb-games-wrap .order-chip { display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: rgba(var(--primary-rgb), 0.15) !important;
    border: 1px solid rgba(var(--primary-rgb), 0.3) !important;
    color: #fff !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important; }
.rb-games-wrap .order-chip button { background: rgba(239, 68, 68, 0.2) !important;
    border: none !important;
    color: #fca5a5 !important;
    cursor: pointer !important;
    border-radius: 999px !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important; }
.rb-games-wrap .order-chip button:hover { background: rgba(239, 68, 68, 0.4) !important;
    color: #fff !important; }
.rb-games-wrap .order-bar-actions { display: flex !important;
    gap: 8px !important;
    flex-shrink: 0 !important; }
.rb-games-wrap .order-bar-clear { background: transparent !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #cbd5e1 !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important; }
.rb-games-wrap .order-bar-clear:hover { border-color: rgba(239, 68, 68, 0.5) !important;
    color: #fca5a5 !important; }
.rb-games-wrap .order-bar-submit { background: var(--primary) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 16px rgba(var(--primary-rgb), 0.4) !important; }
.rb-games-wrap .order-bar-submit:hover { background: var(--primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.5) !important; }
@media (max-width: 768px) {
    .rb-games-wrap .game-order-bar { padding: 8px 12px !important; }
    .rb-games-wrap .order-bar-content { flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important; }
    .rb-games-wrap .order-bar-info { text-align: center !important; }
    .rb-games-wrap .order-bar-count { font-size: 12px !important; }
    .rb-games-wrap .order-chips { justify-content: center !important;
        max-height: 30px !important; }
    .rb-games-wrap .order-chip { font-size: 10px !important;
        padding: 2px 8px !important; }
    .rb-games-wrap .order-bar-actions { justify-content: center !important; }
    .rb-games-wrap .order-bar-clear, .rb-games-wrap .order-bar-submit { padding: 8px 14px !important;
        font-size: 12px !important; }
  }
@keyframes chipFadeIn {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: translateX(0); }
}
.rb-games-wrap { --brand-50:#fff7ed;--brand-100:#ffedd5;--brand-200:#fed7aa;--brand-300:#c9a279;
  --brand-400:#b98b5e;--brand-500:#f97316;--brand-600:#ea580c;--brand-700:#c2410c;
  --brand-800:#4a3222;--brand-900:#5c3d26;
  --ink-50:#f8fafc;--ink-100:#f1f5f9;--ink-200:#e2e8f0;--ink-300:#cbd5e1;
  --ink-400:#94a3b8;--ink-500:#64748b;--ink-600:#475569;--ink-700:#4a3b2c;
  --ink-800:#3d2d20;--ink-900:#2f2118;
  --emerald-500:#10b981;--blue-500:#3b82f6;--rose-500:#f43f5e;
  --amber-300:#fcd34d;--amber-500:#f59e0b;--violet-500:#8b5cf6; }
.rb-games-wrap, .rb-games-wrap { font-family:"Vazirmatn",system-ui,-apple-system,sans-serif;background:var(--ink-50)!important;color:var(--ink-900)!important; }
.rb-games-wrap .icon-btn .badge { position:absolute!important;top:-2px!important;right:-2px!important;background:var(--rose-500)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;min-width:18px!important;height:18px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;border:2px solid #fff!important; }
.rb-games-wrap .header nav ul li.active>a, .rb-games-wrap .header nav ul li a.active, .rb-games-wrap .rb-navbar ul li.active>a, .rb-games-wrap nav.nav ul li.active>a, .rb-games-wrap .nav ul li.active>a { color:var(--brand-600)!important;border-bottom-color:var(--brand-500)!important; }
.rb-games-wrap .rb-hero-slide.active { opacity:1!important;pointer-events:auto!important;z-index:2!important; }
.rb-games-wrap .rb-dot.active { background:#fff!important;width:32px!important; }
.rb-games-wrap .rb-cat-section .container, .rb-games-wrap .rb-container { max-width:1280px!important;margin:0 auto!important;padding:0!important; }
.rb-games-wrap .product-card .product-rating .star, .rb-games-wrap .product-card .product-rating .star-icon { color:var(--amber-500)!important; }
.rb-games-wrap .rb-countdown-section .container { max-width:1280px!important;margin:0 auto!important;padding:0!important; }
.rb-games-wrap .rb-games-section .container { max-width:1280px!important;margin:0 auto!important;padding:0!important; }
.rb-games-wrap .rb-games-tab.rb-active, .rb-games-wrap .rb-games-tab.active { background:#fff!important;color:var(--ink-900)!important;box-shadow:0 1px 2px 0 rgba(15,23,42,.05)!important; }
.rb-games-wrap .game-card, .rb-games-wrap .rb-game-card { background:#fff!important;border:1px solid var(--ink-100)!important;border-radius:16px!important;overflow:hidden!important;transition:all .2s!important; }
.rb-games-wrap .game-card:hover { box-shadow:0 18px 40px -10px rgba(15,23,42,.18)!important;transform:translateY(-2px)!important; }
.rb-games-wrap .game-image, .rb-games-wrap .rb-game-image { position:relative!important;aspect-ratio:3/4!important;overflow:hidden!important;background:var(--ink-100)!important; }
.rb-games-wrap .game-image img { width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transition:transform .5s!important; }
.rb-games-wrap .game-card:hover .game-image img { transform:scale(1.08)!important; }
.rb-games-wrap .game-discount-badge, .rb-games-wrap .game-platform-badge { position:absolute!important;font-size:10px!important;font-weight:700!important;color:#fff!important;padding:2px 6px!important;border-radius:4px!important; }
.rb-games-wrap .game-discount-badge { top:8px!important;right:8px!important;background:var(--rose-500)!important; }
.rb-games-wrap .game-platform-badge { top:8px!important;left:8px!important;background:rgba(15,23,42,.8)!important; }
.rb-games-wrap .game-info { padding:10px!important; }
.rb-games-wrap .game-info h3 { font-size:12px!important;font-weight:500!important;color:var(--ink-800)!important;line-height:1.5!important;margin:0 0 6px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:36px!important; }
.rb-games-wrap .sort-option { font-size:13px!important;font-weight:600!important;color:var(--ink-600)!important;background:transparent!important;border:1px solid var(--ink-200)!important;border-radius:8px!important;padding:6px 12px!important;cursor:pointer!important;font-family:inherit!important; }
.rb-games-wrap .sort-option.active { background:var(--brand-50)!important;border-color:var(--brand-200)!important;color:var(--brand-600)!important; }
.rb-games-wrap .rb-section .container { max-width:1280px!important;margin:0 auto!important;padding:0!important; }

/* ===== theme-new.css ===== */
.rb-games-wrap { --primary: #f97316;
    --primary-light: #b98b5e;
    --primary-dark: #ea580c;
    --primary-900: #5c3d26;
    --primary-50: #fff7ed;
    --primary-100: #ffedd5;
    --primary-200: #fed7aa;
    --primary-rgb: 249, 115, 22;

    
    --ink-50: #f8fafc;
    --ink-100: #f1f5f9;
    --ink-200: #e2e8f0;
    --ink-300: #cbd5e1;
    --ink-400: #94a3b8;
    --ink-500: #64748b;
    --ink-600: #475569;
    --ink-700: #4a3b2c;
    --ink-800: #3d2d20;
    --ink-900: #2f2118;

    --bg-secondary: #f8fafc;
    --border-color: #e2e8f0;
    --border-light: #f1f5f9;
    --text-primary: #2f2118;
    --text-secondary: #475569;
    --text-muted: #94a3b8;

    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 6px 16px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
    --shadow-xl: 0 20px 48px rgba(15, 23, 42, 0.16);
    --shadow-glow: 0 8px 24px rgba(249, 115, 22, 0.28);

    --radius: 16px;
    --radius-sm: 10px;
    --radius-lg: 20px;
    --radius-xl: 24px; }
.rb-games-wrap { scroll-behavior: smooth; }
.rb-games-wrap { background-color: #F6F5F1 !important;
    color: var(--ink-900);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
@keyframes tnFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes tnSlideUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes tnPulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes tnBounceSlow { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.rb-games-wrap .header-top .container { display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 38px; }
.rb-games-wrap .header-top .container > span { color: rgba(255,255,255,.88); display: inline-flex; align-items: center; gap: 6px; }
.rb-games-wrap .header-top .container > span:first-child { font-weight: 700; color: var(--primary-200); }
.rb-games-wrap .nav-item > a:hover, .rb-games-wrap .dropdown-trigger:hover, .rb-games-wrap .nav-item > a.active, .rb-games-wrap .nav-item.has-dropdown.open > .dropdown-trigger { color: var(--primary-dark) !important;
    border-bottom-color: var(--primary) !important;
    background: transparent !important; }
.rb-games-wrap .rb-hero-slide.active { opacity: 1 !important; pointer-events: auto !important; }
.rb-games-wrap .rb-dot.active { width: 22px !important;
    background: #1C1917 !important;
    border-radius: 999px !important; }
.rb-games-wrap .price-discount { background: #fff1f2 !important;
    color: #e11d48 !important;
    border-radius: 8px !important;
    font-weight: 800 !important; }
.rb-games-wrap .product-fav.active { opacity: 1; color: #f43f5e; }
.rb-games-wrap .sort-option { border-radius: 10px !important;
    transition: all .15s ease; }
.rb-games-wrap .sort-option.active { background: var(--primary-50) !important;
    color: var(--primary-dark) !important;
    font-weight: 700; }
.rb-games-wrap .page-btn.active { background: linear-gradient(200deg, var(--primary), var(--primary-dark)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: var(--shadow-glow); }
.rb-games-wrap .rb-games-tab.rb-active, .rb-games-wrap .rb-games-tab.active { background: var(--ink-900) !important;
    color: #fff !important;
    box-shadow: var(--shadow-md); }
.rb-games-wrap .footer .container { position: relative; z-index: 1; }
.rb-games-wrap .btn { border-radius: 13px !important;
    font-weight: 700;
    transition: all .2s ease; }
.rb-games-wrap .btn-primary, .rb-games-wrap .btn-success { background: linear-gradient(200deg, var(--primary), var(--primary-dark)) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: var(--shadow-glow); }
.rb-games-wrap .btn-primary:hover, .rb-games-wrap .btn-success:hover { filter: brightness(1.07); transform: translateY(-1px); }
.rb-games-wrap { --rb-primary: #f97316;
    --rb-primary-dark: #ea580c;
    --rb-primary-light: #c9a279;
    --rb-primary-50: rgba(249, 115, 22, 0.08);
    --rb-primary-100: rgba(249, 115, 22, 0.14);
    --rb-bg: #f8fafc;
    --rb-bg-soft: #f1f5f9;
    --rb-surface: #ffffff;
    --rb-border: #e2e8f0;
    --rb-border-light: #f1f5f9; }
.rb-games-wrap .icon-btn .badge { position: absolute !important;
    top: -5px !important;
    left: -5px !important;
    background: var(--rb-primary-dark);
    color: #fff;
    border: 2px solid var(--rb-surface);
    border-radius: 999px !important;
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    box-shadow: var(--shadow-sm); }
.rb-games-wrap .header-inner .nav a.active { color: var(--rb-primary-dark); background: var(--rb-primary-50); }
.rb-games-wrap .game-card { border-radius: 16px !important; overflow: hidden; transition: all .22s ease; }
.rb-games-wrap .game-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.rb-games-wrap .rb-navbar nav.nav > a.active, .rb-games-wrap .rb-navbar .nav-item-dropdown > a.active { color: var(--primary-dark) !important;
    background: var(--primary-50) !important;
    font-weight: 700; }
.rb-games-wrap .rb-catstrip-section .container { padding: 0 !important; }
@media (max-width: 768px) {
    .rb-games-wrap .rb-catstrip-section .container { padding: 0 16px !important; }
  }
@keyframes rbFtUp {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes rbFtPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .45; transform: scale(.8); }
}
.rb-games-wrap .rf-cat-item.active { background: #FFF3E8;
    border-color: #F5D9BC;
    color: #B4530A;
    font-weight: 700; }
@media (max-width: 1023px) {
    .rb-games-wrap .sort-option { flex-shrink: 0 !important;
        scroll-snap-align: start;
        white-space: nowrap !important;
        font-size: 12px !important;
        padding: 7px 14px !important;
        border-radius: 999px !important; }
  }
@media (max-width: 480px) {
    .rb-games-wrap .sort-option { padding: 6px 12px !important; font-size: 11.5px !important; }
  }
.rb-games-wrap .game-image, .rb-games-wrap .rb-game-image { aspect-ratio: 2 / 3 !important;
    height: auto !important;
    min-height: 0 !important; }
.rb-games-wrap .game-image img, .rb-games-wrap .rb-game-image img { object-fit: cover !important; }
@media (max-width: 768px) {
    .rb-games-wrap .header-actions .icon-btn .badge { position: static !important; }
  }
.rb-games-wrap .rb-user-dropdown, .rb-games-wrap .rb-user-dropdown.active { z-index: 99999 !important; }
@keyframes rb-soon-in {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== rb-mobile-ui.css ===== */
.rb-games-wrap { --touch-target: 48px;
  --touch-target-sm: 42px;
  --transition-fast: 150ms ease;
  --transition-base: 220ms cubic-bezier(0.16, 1, 0.3, 1); }
.rb-games-wrap .mobile-nav-overlay.active { opacity: 1;
  pointer-events: auto; }
.rb-games-wrap .mobile-nav.active { right: 0;
  box-shadow: var(--shadow-xl); }
.rb-games-wrap .mobile-nav-item > a:hover, .rb-games-wrap .mobile-nav-item > a:active, .rb-games-wrap .mobile-nav-item > a.active { background: var(--primary-50);
  color: var(--primary-dark);
  padding-right: 20px; }
.rb-games-wrap [data-theme="dark"] .mobile-nav-item > a:hover, .rb-games-wrap [data-theme="dark"] .mobile-nav-item > a:active, .rb-games-wrap [data-theme="dark"] .mobile-nav-item > a.active { background: var(--primary-100);
  color: var(--primary-light); }
.rb-games-wrap .mobile-nav-item > a.active > svg:first-child { opacity: 1; }
@keyframes tnFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.rb-games-wrap .mobile-nav.active { transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
  box-shadow: none !important;
  transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1) !important; }
@keyframes rb2Rise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.rb-games-wrap .rf-attr-item.active { color: #18181B; font-weight: 600; }
.rb-games-wrap [data-theme="dark"] .rf-attr-item.active { color: #F7F6F3; }