.elementor-158347 .elementor-element.elementor-element-36a2841e{--display:flex;}.elementor-158347 .elementor-element.elementor-element-1f57e79{--display:flex;}/* Start custom CSS for wd_text_block, class: .elementor-element-721e9a3 */.fps-table-responsive {
        width: 100%;
        border-collapse: collapse;
        font-family: 'Vazirmatn', sans-serif;
        font-size: 14px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        margin: 0 auto;
        table-layout: fixed;
        direction: rtl;
    }
    
    .fps-table-responsive thead {
        background-color: #c6c6c6;
        color: white;
    }
    
    .fps-table-responsive thead th {
        padding: 16px 12px;
        text-align: center;
        font-weight: 600;
        font-size: 15px;
        border: none;
    }
    
    /* تنظیم عرض ستون‌ها (اکنون 3 ستون داریم) */
    .fps-table-responsive th:nth-child(1) { width: 45%; }
    .fps-table-responsive th:nth-child(2) { width: 27%; }
    .fps-table-responsive th:nth-child(3) { width: 28%; }
    
    /* تنظیم عرض ستون‌های بدنه */
    .fps-table-responsive td:nth-child(1) { width: 45%; }
    .fps-table-responsive td:nth-child(2) { width: 27%; }
    .fps-table-responsive td:nth-child(3) { width: 28%; }
    
    .fps-table-responsive tbody tr {
        transition: all 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .fps-table-responsive tbody tr:nth-child(odd) {
        background-color: #fafafa;
    }
    
    .fps-table-responsive tbody tr:nth-child(even) {
        background-color: #ffffff;
    }
    
    .fps-table-responsive tbody tr:hover {
        background-color: #f0f7ff;
    }
    
    .fps-table-responsive td {
        padding: 18px 12px;
        text-align: center;
        font-weight: 500;
        border: none;
        vertical-align: middle;
    }
    
    .resolution-cell-responsive {
        font-weight: 600;
        color: #212121;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        font-size: 14px;
    }
    
    .resolution-text-responsive {
        font-size: 13px;
        direction: ltr;
        letter-spacing: 0.5px;
    }
    
    /* تغییر رنگ پیشنهادی به صورمه‌ای (#8A2BE2) */
    .recommended-badge-responsive {
        background-color: #2d2f7f; /* صورمه‌ای */
        color: white;
        font-size: 11px;
        padding: 4px 10px;
        border-radius: 12px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
    }
    
    .recommended-badge-responsive::before {
        content: '★';
        font-size: 11px;
    }

    
    .fps-indicator-responsive {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 6px;
    }
    
    .min-indicator-responsive {
        background-color: #ff9800;
    }
    
    .max-indicator-responsive {
        background-color: #4caf50;
    }
    
    /* رسپانسیو برای تبلت */
    @media (max-width: 768px) {
        .fps-table-responsive {
            font-size: 13px;
        }
        
        .fps-table-responsive thead th {
            padding: 14px 10px;
            font-size: 14px;
        }
        
        .fps-table-responsive td {
            padding: 16px 10px;
        }
        
        .min-fps-responsive, .max-fps-responsive {
            font-size: 15px;
        }
        
        .resolution-cell-responsive {
            font-size: 13px;
        }
    }
    
    /* رسپانسیو برای موبایل */
    @media (max-width: 480px) {
        .fps-table-responsive {
            font-size: 12px;
        }
        
        .fps-table-responsive thead th {
            padding: 12px 8px;
            font-size: 13px;
        }
        
        .fps-table-responsive td {
            padding: 14px 8px;
        }
        
        .min-fps-responsive, .max-fps-responsive {
            font-size: 14px;
        }
        
        .resolution-cell-responsive {
            font-size: 12px;
            gap: 4px;
        }
        
        .resolution-text-responsive {
            font-size: 11px;
        }
        
        .recommended-badge-responsive {
            font-size: 10px;
            padding: 3px 8px;
        }
        
        .fps-table-responsive th:nth-child(1) { width: 50%; }
        .fps-table-responsive th:nth-child(2) { width: 25%; }
        .fps-table-responsive th:nth-child(3) { width: 25%; }
        
        .fps-table-responsive td:nth-child(1) { width: 50%; }
        .fps-table-responsive td:nth-child(2) { width: 25%; }
        .fps-table-responsive td:nth-child(3) { width: 25%; }
    }/* End custom CSS */